<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<title>内部培训学习</title>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<meta name="renderer" content="webkit"/>
		<meta http-equiv="Cache-Control" content="no-siteapp"/>
		<meta name="apple-mobile-web-app-title" content="移动端描述内容"/>

		<script src="assets/perpageres/vue.min.js"></script>
		<script src="assets/perpageres/vant.min.js"></script>
		<script src="assets/perpageres/zepto.min.js"></script>
		<link rel="stylesheet" href="assets/perpageres/vant.min.css"/>
	</head>
	
	<body style="padding:0;margin:0;">
		<div id="VueBigBox" style="width:100%;font-size:14px;overflow-x:hidden;">
			<div style="text-align:center;background:#00a0e9;color:#FFF;
			font-size:18px;line-height:50px;font-weight:bold;position: fixed;width:100%;z-index:2;left:0;top:0;">能动乐学 -- 内部培训学习</div>
			<div style="padding-top:50px;">
<!--				<div>-->
<!--					<van-grid :border="false" :column-num="5">-->
<!--						<van-grid-item>-->
<!--							<div><van-image src="https://img01.yzcdn.cn/vant/apple-2.jpg" /></div>-->
<!--							<div>测试</div>-->
<!--						</van-grid-item>-->
<!--						<van-grid-item>-->
<!--							<van-image src="https://img01.yzcdn.cn/vant/apple-2.jpg" />-->
<!--						</van-grid-item>-->
<!--						<van-grid-item>-->
<!--							<van-image src="https://img01.yzcdn.cn/vant/apple-3.jpg" />-->
<!--						</van-grid-item>-->
<!--					</van-grid>-->
<!--				</div>-->
				<div style="padding:20px;font-size:16px;">
					<div v-for="(item, index) in arr" :key="index" @click="getDes(item.article_id)"
						 style="display: flex;border-bottom:1px solid #efefef;padding:10px 0;">
						<div style="width:80px;text-align: center;">
							<van-image style="width:80px;height:50px;" :src="item.image.file_path" />
						</div>
						<div style="flex:1;padding-left:10px;">
							<div style="font-weight:bold;color:#333;">{{item.article_title}}</div>
							<div style="color:#999;padding-top:10px;display: flex;font-size:14px;">
								<div style="flex:1;">浏览：{{item.actual_views+item.virtual_views}}</div>
								<div style="flex:1;text-align:right;">{{item.view_time}}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	var typeid = 8;
	var _data = #{$dataArr}#;
	var vue = new Vue({
		el: '#VueBigBox',
		data:{
			arr:_data,
			nowDes:null,
			test:123456
		},
		mounted(){
			_this = this;
		},
		methods:{
			getDes(aid) {
				var _this = this;
				// $.post('/index.php?s=/mobile/xuevideo/des', {"aid":aid}, function (_res) {
				// 	console.log(_res);
				// 	_this.nowDes = _res.data.des;
				// })
				location.href = '/index.php?s=/mobile/xuevideo/des/aid/'+aid;
			},
			resetForm(formName) {
				this.$refs[formName].resetFields();
			}
		}
	});
</script>